<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>首页</title>

    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.min.css">
    <link rel="stylesheet" href="./css/home.min.css">
</head>

<body>
    <header class="header">
        <div class="location">
            广州
            <span class="ico"></span>
        </div>
        <div class="my-search">
            <div class="mui-input-row mui-search">
                <input type="search" class="my-input-search mui-input-clear" placeholder="店铺/品类/商圈">
            </div>
        </div>
    </header>

    <section class="section-1">

        <div class="banner"></div>
        <div class="nav">
            <div class="item">
                <div class="ico"></div>
                <div class="text">美食外卖</div>
            </div>
            <div class="item">
                <div class="ico"></div>
                <div class="text">甜点饮料</div>
            </div>
            <div class="item">
                <div class="ico"></div>
                <div class="text">超市便利</div>
            </div>
            <div class="item">
                <div class="ico"></div>
                <div class="text">果蔬生鲜</div>
            </div>
            <div class="item">
                <div class="ico"></div>
                <div class="text">鲜花蛋糕</div>
            </div>
            <div class="item">
                <div class="ico"></div>
                <div class="text">宵夜考串</div>
            </div>
            <div class="item">
                <div class="ico"></div>
                <div class="text">送药上门</div>
            </div>
            <div class="item">
                <div class="ico"></div>
                <div class="text">全部分类</div>
            </div>
        </div>

    </section>

    <section class="section-2">
        <div class="hd-title">新品推荐</div>
        <div class="more">更多<span class="ico"></span></div>
        <div class="item">
            <div class="img"></div>
            <div class="box">
                <div class="con-title hg">新鲜澳洲进口牛扒豪华套餐</div>
                <div class="sale hg"><span class="ico"></span>月售<span class="data">236份</span></div>
                <div class="praise hg"><span class="ico"></span>好评<span class="data">100%</span></div>
                <div class="store-name hg"><span class="ico"></span>包图牛扒（广州星光大道店）</div>
                <div class="price">￥99</div>
                <div class="button">来一份</div>
            </div>
        </div>
        <div class="item">
            <div class="img"></div>
            <div class="box">
                <div class="con-title hg">包图四人火锅套餐（广州店）</div>
                <div class="sale hg"><span class="ico"></span>月售<span class="data">236份</span></div>
                <div class="praise hg"><span class="ico"></span>好评<span class="data">100%</span></div>
                <div class="store-name hg"><span class="ico"></span>包图牛扒（广州星光大道店）</div>
                <div class="price">￥99</div>
                <div class="button">来一份</div>
            </div>
        </div>
        <div class="item">
            <div class="img"></div>
            <div class="box">
                <div class="con-title hg">包图四人火锅套餐（广州店）</div>
                <div class="sale hg"><span class="ico"></span>月售<span class="data">236份</span></div>
                <div class="praise hg"><span class="ico"></span>好评<span class="data">100%</span></div>
                <div class="store-name hg"><span class="ico"></span>包图牛扒（广州星光大道店）</div>
                <div class="price">￥99</div>
                <div class="button">来一份</div>
            </div>
        </div>
    </section>

    <script src="./js/flexible.js"></script>
</body>

</html>